<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8"/>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport"
          content="user-scalable=no, width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 "/>
    <title><yang:sitetitle/></title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/global.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/about/volunteer.css"/>
    <script type="text/javascript" src="__PUBLIC__/js/jquery-1.10.1.min.js"></script>
    <script src="__PUBLIC__/js/jquery-html5Validate.js" type="text/javascript"></script>
    <script src="__PUBLIC__/js/jquery.form.js" type="text/javascript"></script>
    <script type="text/javascript" src="__PUBLIC__/js/jquery-hcheckbox.js"></script>


    <script type="text/javascript" src="__PUBLIC__/js/maxlength.js"></script>

    <script type="text/javascript" src="__PUBLIC__/js/pie.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/global.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/about/volunteer.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/layer/layer.js"></script>

</head>

<body>


<include file="Public:header"/>
<div class="section">
    <include file="Public:column"/>
    <div class="content clearfix">
        <div class="col_sidebar">
            <ul>
                <volist name="left_menu" id="catlist">
                    <li <if condition="$catlist['id'] eq $third_cat['id']">class="act"</if>><a href="{$catlist|get_url}">{$catlist.name}</a></li>
                </volist>
            </ul>
        </div>
        <div class="col_con">
            <div class="con_title">
                <img src="__PUBLIC__/images/title_icon4.png"/>
                <h2>志愿者招募</h2>
            </div>
            <div class="hint">公益就在我们身边，公益是我们大家的朋友，公益离不开你我他的参与，我们需要各行各业热爱公益的爱心同仁的积极参与</div>
            <div class="msg">
                <form name="msg_form" method="post" id="msg_form">
                    <div class="msg_title">
                        <h2>志愿者信息完善</h2>
                    </div>
                    <ul>
                        <li class="clearfix"><span><em>*</em>姓  名</span><input id="volname" name="volname" type="text"
                                                                               placeholder="请填写真实姓名" required="required"
                                                                               maxlength="10"/></li>
                        <li class="clearfix"><span><em>*</em>性  别</span>
                            <input class="radio_one" type="radio" name="sex" value="1" checked="checked"
                                   id="radio_1"/><label for="radio_1">男</label>
                            <input type="radio" name="sex" value="2" id="radio_2"/><label for="radio_2">女</label>
                        </li>
                        <li class="clearfix"><span><em>*</em>年  龄</span><input id="age" name="age" type="number"
                                                                               required="required" max="100" min="16"
                                                                               placeholder="请填写年龄"
                                                                               style="-moz-appearance: textfield;"/>
                        </li>
                        <li class="clearfix"><span><em>*</em>预计服务时间</span><input type="radio" name="worktimeid"
                                                                                 value="1" class="radio_one"
                                                                                 checked="checked" id="radio_3"/>
                            <label for="radio_3">节假日</label>
                            <input type="radio" name="worktimeid" value="2" id="radio_4"/>
                            <label for="radio_4">寒暑假</label>
                            <input type="radio" name="worktimeid" value="3" id="radio_5"/>
                            <label for="radio_5">自选时间</label>
                        </li>
                        <li class="server_date clearfix"><span><em>*</em>预计服务时间段</span><span class="wdate">
                                <input id="worktimestart" type="text" name="worktimestart" onclick="WdatePicker()"
                                       aria-required="true" aria-invalid="false"/><img
                                src="__PUBLIC__/images/title_icon5.png"
                                onclick="WdatePicker({el:'worktimestart'})"/><p></p>
                            </span><i>到</i><span class="wdate"><input id="worktimeend" type="text" name="worktimeend"
                                                                      aria-required="true" aria-invalid="false"
                                                                      onclick="WdatePicker()"/><img
                                src="__PUBLIC__/images/title_icon5.png"
                                onclick="WdatePicker({el:'worktimeend'})"/><p></p>
                            </span></li>
                        <li class="clearfix"><span><em>*</em>手  机</span><input id="mobile" name="mobile" type="tel"
                                                                               placeholder="请填写有效手机号"
                                                                               required="required" maxlength="11"/></li>
                        <li class="clearfix"><span><em>*</em>邮  箱</span><input id="email" name="email" type="email"
                                                                               placeholder="请填写有效电子邮箱"
                                                                               required="required" maxlength="25"/></li>
                        <li class="clearfix"><span><em>*</em>身份证号</span><input id="certno" name="certno" type="text"
                                                                               required="required"
                                                                               placeholder="请填写真实的身份证号码"
                                                                               maxlength="20"/></li>
                        <li class="clearfix"><span><em>*</em>您希望支援服务哪方面</span>
                            <input type="radio" name="voltype" value="1" class="radio_one" checked="checked"
                                   id="radio_6"/><label for="radio_6">贫困地区项目执行</label>
                            <input type="radio" name="voltype" value="2" id="radio_7"/><label
                                    for="radio_7">所在地公益传播</label>
                            <input type="radio" name="voltype" value="3" id="radio_8"/><label
                                    for="radio_8">机构内部管理支持</label>
                        </li>
                        <li class="clearfix empty"><span></span>
                            <textarea rows="3" placeholder="可输入80字以内" data-maxsize="80"
                                      style="resize: none;margin-left:6px;" name="voltypeother"
                                      maxlength="80"></textarea></li>
                    </ul>

                    <div class="msg_title">
                        <h2>选填信息</h2>
                    </div>
                    <ul>
                        <li class="clearfix"><span>就读院校</span><input id="school" name="school" type="text"
                                                                     maxlength="30"/></li>
                        <li class="clearfix"><span>专业</span><input id="subject" type="text" name="subject"
                                                                   maxlength="30"/></li>
                        <li class="clearfix"><span>工作单位</span><input id="company" name="company" type="text"
                                                                     maxlength="40"/></li>
                        <li class="clearfix"><span>职业</span><input id="jobname" name="jobname" type="text"
                                                                   maxlength="30"/>
                        </li>
                        <li class="clearfix"><span>联系地址</span><input id="address" type="text" name="address"
                                                                     maxlength="50"/></li>
                        <li class="clearfix"><span>特长/爱好</span><input id="skill" name="skill" type="text"
                                                                      maxlength="80"/></li>
                        <li class="clearfix"><span>如何更便捷的与您取得联系</span><textarea id="othercontact" name="othercontact"
                                                                                style="resize: none;"
                                                                                placeholder="请填写有效电子邮箱或者电话号码"
                                                                                maxlength="100"></textarea></li>
                        <li class="clearfix"><span>您是否参加过类似的志愿者服务</span>
                            <input type="radio" name="isjoinvol" value="1" class="radio_one" id="radio_9"/><label
                                    for="radio_9">有</label>
                            <input type="radio" name="isjoinvol" value="0" checked="checked" id="radio_10"/><label
                                    for="radio_10">没有</label>
                            <div class="join_act">

                                <input id="joinvolname" name="joinvolname" type="text" placeholder="如果有，请填写活动的名字"/>
                            </div>
                        </li>
                        <li class="clearfix"><span>教育背景<br/>（可输入100字）</span><textarea rows="4" name="educ" id="educ"
                                                                                      data-maxsize="80"
                                                                                      style="resize: none;"
                                                                                      maxlength="100"></textarea>
                        </li>
                        <li class="clearfix"><span>工作经历<br/>（可输入100字）</span><textarea rows="4" name="workexperience"
                                                                                      data-maxsize="80"
                                                                                      id="workexperience"
                                                                                      style="resize: none;"
                                                                                      maxlength="100"></textarea></li>
                        <li class="clearfix"><span>您对我们提出宝贵建议<br/>（可输入100字）</span><textarea rows="4" data-maxsize="80"
                                                                                            name="suggest" id="suggest"
                                                                                            style="resize: none;"
                                                                                            maxlength="100"></textarea>
                        </li>
                        <li class="agree clearfix">
                            <input type="checkbox" name="agree" id="agree" style="cursor: pointer"/><label
                                for="agree"></label>
                            同意<a href="javascript:void(0)" class="agree_link">《志愿服务承诺书》</a>的全部条款
                        </li>
                        <li class="clearfix">
                            <button class="submit" type="submit" name="btnsubmit" id="btnsubmit">
                                <img src="__PUBLIC__/images/title_icon6.png"/>提交
                            </button>
                        </li>
                    </ul>
                </form>
            </div>

        </div>
    </div>
</div>
<div style="display: none;" id="insert_con">
    <h2>尊敬的女士/先生：</h2>
    <p>
        热忱欢迎您加入中国扶贫基金会义工队伍！
        在您正式成为中国扶贫基金会义工前，请您仔细阅读以下内容：
    </p>
    <p>一、义工的基本权利：</p>
    <p>1、获得志愿服务的真实、准确、完整信息；</p>
    <p>2、获得志愿服务必需的条件和保障支持；</p>
    <p>3、获得参与中国扶贫基金会相关工作所需的培训；</p>
    <p>4、对中国扶贫基金会行动进行监督，提出相关批评和建议；</p>
    <p>5、可申请退出义工队伍，结束志愿服务；</p>
    <p>6、享有受邀出席CFPA相关重大活动的权力。</p>
    <p>二、义工的基本义务：</p>
    <p>1、遵守国家法律法规及我会的相关规定；</p>
    <p>2、履行承诺约定的义务，完成志愿服务工作；</p>
    <p>3、退出志愿服务活动时，履行合理告知的义务；</p>
    <p>4、保守在参与志愿服务活动过程中获悉的个人隐私、商业秘密或者其他依法受保护的信息；</p>
    <p>5、不向我会索取做义工期间提供志愿服务的报酬；</p>
    <p>6、自觉维护我会的公众形象与合法权益，未经授权不擅自开展与CFPA品牌相关的活动。</p>
    <p>如您已清楚悉知以上内容，自愿参加中国扶贫基金会的志愿服务活动，并承诺愿意充分发挥您的优势，服从中国扶贫基金会的统一安排，<em>请您详细填写，我们将会妥善保管您的信息，并根据您的意愿与专长为您协调安排志愿服务工作。</em>
    </p>
    <p>谢谢您的大力支持和配合！</p>
</div>


<include file="Public:footer"/>

<div class="return_top">
    <a href="javascript:void(0);"></a>
</div>
<script>
    $(".agree_link").click(function () {
        //iframe层
        var count = $("#insert_con").html();
        layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ['50%', '60%'],
            title: "志愿服务承诺书",
            content: count
        });
    });


    $("#msg_form").html5Validate(function () {
                $("#btnsubmit").attr({"disabled": "disabled"});
                var options = {
                    url: "{:U('Index/saveVolunteer')}",
                    type: 'post',
                    success: function (data) {
                        if (data == "ok") {
                            alert("提交成功，请耐心等待管理员审核");
                            window.location.reload();
                        } else {
                            alert("提交失败，请稍后再试");
                        }

                        $("#btnsubmit").removeAttr("disabled");
                    }
                };
                $("#msg_form").ajaxSubmit(options);
            },
            {
                validate: function () {
                    if ($("input[name='worktimeid']:checked").val() == "3") {
                        if ($("#worktimestart").val() == "") {
                            $("#worktimestart").testRemind("请输入开始时间");
                            $("#worktimestart").focus();
                            return false;
                        }
                        if ($("#worktimeend").val() == "") {
                            $("#worktimeend").testRemind("请输入结束时间");
                            $("#worktimeend").focus();
                            return false;
                        }
                    }
                    if (!$('#agree').is(':checked')) {
                        alert("请仔细阅读《志愿服务承诺书》并同意!");
                        $('#agree').focus();
                        return false;
                    }
                    else {
                        return true;
                    }
                }
            }
    );
</script>

</body>
</html>
